<template>
  <div class="index">
    <Top class="top"></Top>
    <Footer class="footer"></Footer>
  </div>
</template>

<script>
import Top from './Top/index.vue'
import Footer from './Footer/index.vue'
export default {
    components:{
        Top,
        Footer
    }
}
</script>

<style lang="scss" scoped>
.index{
    
    .top{
        height: 20%;
        background: rgba(101, 132, 226, 0.1);
        padding: 15px;
    }
    .footer{
        height: 79%;
    }
}
</style>